<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript" src="../../output/line-base.min.js"></script>
    <script type="text/javascript" src="../../src/framework/ui/ObservableObject.js"></script>
    <script type="text/javascript" src="../../src/framework/ui/Element.js"></script>
    <script type="text/javascript" src="../../src/framework/ui/Application.js"></script>
</head>
<body>
<div id="container1">
    <span id="span1" data-bindings='[{"prop":"text","path":"value","source":"input1"}]'>this is a text</span>
</div>
<div id="container2">
    <input id="input1" value="text"/>
    <textarea id="textarea1" data-bindings='[{"prop":"value","path":"value","source":"input1"}]'></textarea>
</div>
</body>
</html>